import "./App.css";
import MyHead from "./view/head";
import MyFooter from "./view/footer"
import gsjj from "./image/gsjj.png"
import zs from "./image/zs.png";
function App() {
  return (
    <div className="App">
      <div className="top">
        <MyHead></MyHead>
      </div>
      <div className="topback">
        <Background></Background>
      </div>
      <div className="middle">
        <IntermediateContent></IntermediateContent>
      </div>
      <div>
        <MyFooter></MyFooter>
      </div>
    </div>
  );
}
function Background() {
  return (
    <div className="carousel">
      <div className="centerCarousel">
        <div className="left">
          <div className="top">
            <img src={gsjj} className="gsjjimg"></img>
          </div>
          <div className="bottom">
            <p className="bottom-p">
              广州Dovey朵维电子商务有限公司是一家以互联网技术为核心的电子商务运营商。公司采用先进的网络技术与严谨的管理制度，坚持以“让客户满意，为客户赢利”为服务宗旨，
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}
const IntermediateContent = () => {
  const list = [
    {
      src: "https://dcdn.it120.cc/2021/10/08/58d97422-ec26-47f1-addd-329875aadb75.jpg",
      content: "老虎积雪草修护面膜补水保湿提亮肤色收缩毛孔男女士官方正品韩国",
      price: "￥99.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/853dd0ec-e313-4826-b1a5-b67f36e3e1d9.png",
      content: "法国冰菊玻尿酸补水原液面膜 10片盒装锁水保湿活肤滋润修护润透",
      price: "￥38.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/3f9818d6-b4ab-4ac3-8a7a-3617162436bb.png",
      content: "冰菊厂家直销茶树净颜祛痘面膜8片盒装保湿滋润提亮肤色",
      price: "￥34.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/f729748b-7247-4e85-88a0-ebeb688c1fe1.png",
      content: "冰菊维生素C补水面膜盒装保湿提亮肤色收缩毛孔晒后修复男女学生",
      price: "￥38.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/cb7753ad-531a-4ecd-a4b9-fbdb7a19a6d8.png",
      content: "玻尿酸保湿黑面膜盒装10片深层清洁吸黑色素锁水补水暗沉备长竹炭",
      price: "￥68.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/0f447f78-1f83-40c5-8f87-2b12fbb19a53.png",
      content: "冰菊八杯水补水面膜",
      price: "￥16.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/03f94e93-d7b8-4557-b638-05bdcfde18eb.png",
      content: "韩美肌水光保湿面膜",
      price: "￥48.00",
    },
    {
      src: "https://dcdn.it120.cc/2021/10/08/e1679c71-2515-4ffa-b317-5084be856f4f.png",
      content: "南方协和免洗抑菌凝胶 有效抑菌99.99% 出行必备",
      price: "￥3.00",
    },
  ];
  return (
    <div className="content">
      <div className="productTit">
        <span></span>
        <img src={zs} className="zsimg"></img>
        <span></span>
      </div>
      <ul className="productList">
        {list.map((item) => (
          <li>
          <img src={item.src}></img>
            <p>{item.content }</p>
            <span>{ item.price}</span>
        </li>
        ))}
        
      </ul>
    </div>
  );
};
export default App;
